<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_939416_pnip88kagy8.css">
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="bootstrap/css/index.css">
    <script src="bootstrap/js/jquery-3.3.1.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <title>首页</title>
    <link rel="icon" href="images/logo.ico">
    <style>
    .header{
        background-image: url("images/logo0.png");
    }
    </style>
</head>
<body>
    <div class="containerr">
        <div class="header">
            <div class="hea-right">
                <ul>
                    <li class="li1 select">
                        <a href="index.html">首页</a>
                    </li>
                    <li class="li1">
                       <a href="about.html">关于公司</a>
                    </li>
                    <li class="li1">
                        <a href="productshow.html">产品展示</a>
                    </li>
                    <li class="li1">
                       <a href="jionus.html">招商加盟</a>
                    </li>
                    <li class="li1">
                        <a href="callUs.html">联系我们</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 轮播 -->
        
        <div id="carousel-id" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#carousel-id" data-slide-to="0" class=""></li>
                <li data-target="#carousel-id" data-slide-to="1" class=""></li>
                <li data-target="#carousel-id" data-slide-to="2" class="active"></li>
            </ol>
            <div class="carousel-inner">
                <div class="item">
                    <img data-src="holder.js/900x500/auto/#777:#7a7a7a/text:First slide" alt="First slide" src="images/banner1.jpg">
                    <div class="container">
                        <div class="carousel-caption">
                           
                           
                        </div>
                    </div>
                </div>
                <div class="item">
                    <img data-src="holder.js/900x500/auto/#666:#6a6a6a/text:Second slide" alt="Second slide" src="images/banner2.jpg">
                    <div class="container">
                        <div class="carousel-caption">
                            
                            
                        </div>
                    </div>
                </div>
                <div class="item active">
                    <img data-src="holder.js/900x500/auto/#555:#5a5a5a/text:Third slide" alt="Third slide" src="images/banner3.jpg">
                    <div class="container">
                        <div class="carousel-caption">
                            
                            
                        </div>
                    </div>
                </div>
            </div>
            <a class="left carousel-control" href="#carousel-id" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
            <a class="right carousel-control" href="#carousel-id" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
        </div>
        
            

       <div class="container">
        <!-- 企业精神和四个图标 -->
        <h3 class="text-center ptitle">企业精神</h3>
        <div class="pcontent">
            <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 text-center">
                <div>
                    <img src="images/pinpai.png" class="img-responsive center-block">
                </div>
                <h3>品质</h3>
                <p>品质是品牌的发展基石</p>
                <p>坚持好品质,必定铸就优质品牌</p>

            </div>
            <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 text-center">
                <div>
                    <img src="images/keji.png" class="img-responsive center-block">
                </div>
                <h3>科技</h3>
                <p>科技是品牌的助推力</p>
                <p>只有不断科技创新,才能不会被淘汰</p>

            </div>
            <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 text-center">
                <div>
                    <img src="images/chengxin.png" class="img-responsive center-block">
                </div>
                <h3>诚信</h3>
                <p>诚信是品牌的防护盾</p>
                <p>诚信企业,放心品牌才能走的更长久</p>

            </div>
            <div class="col-xs-3 col-sm-3 col-md-3 col-lg-3 text-center">
                <div>
                    <img src="images/gongying.png" class="img-responsive center-block">
                </div>
                <h3>共赢</h3>
                <p>共赢是品牌的生命力</p>
                <p>与客户共赢,与员工共赢与企业共赢</p>
            </div>
        </div>

            
          <!-- 产品展示 -->
          <div class="productShow">
          <!-- 这个div就是给条分界线用的 -->
          <div class="line">
              <div class="ptitle2 text-center">
                  <h4>产品展示</h4>
              </div>
          </div>
          <div class="products">
              <div class="row">
                  <div class="col-md-4 project">
                      <img src="images/item01.jpg">
                  </div>
                  <div class="col-md-4 project">
                      <img src="images/item02.jpg">
                  </div>
                  <div class="col-md-4 project">
                      <img src="images/item03.jpg">
                  </div>
                  <div class="col-md-4 project">
                      <img src="images/item04.jpg">
                  </div>
                  <div class="col-md-4 project">
                      <img src="images/item05.jpg">
                  </div>
                  <div class="col-md-4 project">
                      <img src="images/item06.jpg">
                  </div>
              </div>
          </div>
      </div>
 
 <!-- 底部 -->
      <div class="footer">
          <div class="row mx_width">
              <div class="col-md-3 col-sm-4">
                  <div class="foot-logo">
                      <a href="index.html"><img src="images/logo3.png" alt=""></a>
                  </div>
              </div>
              <div class="col-md-6 col-sm-8">
                  <div class="row changpage">
                      <div class="col-sm-3 col-md-3">
                          <a href="#">关于公司</a>
                      </div>
                      <div class="col-sm-3 col-md-3">
                          <a href="#">产品展示</a>
                      </div>
                      <div class="col-sm-3 col-md-3">
                          <a href="#">招商加盟</a>
                      </div>
                      <div class="col-sm-3 col-md-3">
                          <a href="#">联系我们</a>
                      </div>
                  </div>
                  <p>版权所有木兮实业有限公司 鄂ICP备18011650号</p>
              </div>
              <div class="col-md-3 col-sm-12">
                  <div class="row contact">
                      <p class="col-md-12 col-sm-4">
                          <span class="iconfont">&#xe619;</span>
                          027-83622296
                      </p>
                      <p class="col-md-12 col-sm-4">
                          <span class="iconfont">&#xe641;</span>
                          13387576980
                      </p>
                      <p class="col-md-12 col-sm-4">
                          <span class="iconfont">&#xe608;</span>
                          yt15yi@163.com
                      </p>
                  </div>
              </div>
              <img src="images/erweima.jpg" class="saoma" alt="">
          </div>
      </div>
      
</body>
</html>